<template>
  <div :class="['content-main-title',componentSetOptions.class]">
    <span>{{ componentSetOptions.label }}</span>
    <div class="hr"></div>
  </div>
</template>

<script>
export default {
  components: {},
  props: ['componentSetOptions'],
  data() {
    return {};
  },
  mounted() {
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
//内容
.content-main {
  padding-left: 8px;
  &-title {
    @include flex();
    color: $title-child-color;
    margin: 20px 0;
    font-size: 14px;

    span {
      padding-right: 12px;
    }

    .hr {
      border-top: 1px solid $title-child-hr;
      flex: 1;
      height: 1px;
    }
  }
}
</style>
